{#<!DOCTYPE html>#}
{#<html lang="en">#}
{#<head>#}
{#    <meta charset="UTF-8">#}
{#    <title></title>#}
{#    <script src="{{ STATIC_URL }}web/script/jquery-1.7.2.min.js"></script>#}
{#    <style>#}
{#        .fromdiv{#}
{#            border: 1px solid gainsboro;#}
{#            padding: 10px;#}
{#        }#}
{#        #form{#}
{#            display: flex;#}
{#        }#}
{#    </style>#}
{#</head>#}
{#<body>#}
{#<div class="fromdiv">#}
{#    <form id="form" enctype="multipart/form-data" action="../upload/" method="post">#}
{#        {% csrf_token %}#}
{#   <input type="file" name="myfile" />#}
{#   <br/>#}
{#   <input type="button" value="上传" id="upfile"/>#}
{#    <input type="button" value="新建文件夹" id="newdri">#}
{#    <input type="button" value="删除" id="delfile">#}
{#    </form>#}
{#</div>#}
{#<ul>#}
{#{% for a in list %}#}
{#<li><img src="" alt={{ a }}>{{ a }}</li>#}
{#{% endfor %}#}
{#</ul>#}
{#</body>#}
{#<script>#}
{#    $("#upfile").click(function () {#}
{#        acti = ($("#form").attr("action"))+ "?type=0"#}
{#        $("#form").attr("action", acti)#}
{#        $("#form").submit();#}
{#    })#}
{##}
{#    $("#delfile").click(function () {#}
{#        acti = ($("#form").attr("action")) + "?type=1"#}
{#        $("#form").attr("action", acti)#}
{#        $("#form").submit();#}
{#    })#}
{#</script>#}
{#</html>#}

<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>demo</title>
    <meta name="description" content="index">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    {#  <meta http-equiv="Cache-Control" content="no-siteapp,no-store" />#}
    {#  <meta http-equiv="Pragma" content="no-cache">#}
    {#  <meta http-equiv="Expires" content="0">#}
    {#  <link rel="icon" type="image/png" href="../dist/i/favicon.png">#}
    {#  <link rel="apple-touch-icon-precomposed" href="../dist/i/app-icon72x72@2x.png">#}
    <meta name="apple-mobile-web-app-title" content="Monitor"/>
    <link rel="stylesheet" href="{{ STATIC_URL }}web/css/amazeui.min.css"/>
    <link rel="stylesheet" href="{{ STATIC_URL }}web/css/amazeui.upload.css"/>
    <script src="{{ STATIC_URL }}web/Script/jquery-1.7.2.min.js"></script>
    <script src="{{ STATIC_URL }}web/Script/jquery.min.js"></script>
    <script src="{{ STATIC_URL }}web/Script/amazeui.min.js"></script>
    <script src="{{ STATIC_URL }}web/Script/amazeui.upload.js"></script>
    <script src="{{ STATIC_URL }}web/Script/amazeui.upload.template.js"></script>
    <script src="{{ STATIC_URL }}web/Script/amazeui.upload.event.js"></script>
</head>
<style>
    body{
        margin: 0 9px ;
    }
    #event .am-upload-toggleBoarder {
        padding: 10px;
    }
    .data_up{
        text-align: center;
    }
    #callBack {
        border: 1px solid #2480c2;
        box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
        background: linear-gradient(#54b3ff, #0078d9);
        padding: 5px 30px;
        color: #fff;
    }
</style>

<body>
<div id="event" data-am-upload="{url:http://localhost/static/web/Script/demo.json}"></div>
<div class="data_up">
    <button type="button" id="callBack">上传结果</button>
    <div id="fileResult"></div>
</div>
</body>
<script>
    $(function () {
        $('#event').AmazeuiUpload({url: '{{ STATIC_URL }}web/Script/demo.json'});
    });
</script>
{#<script src="{{ STATIC_URL}}web/Script/amazeui.min.js"></script>#}
{#<script src="{{ STATIC_URL}}web/Script/amazeui.upload.js"></script>#}
{#<script src="{{ STATIC_URL }}web/Script/amazeui.upload.event.js"></script>#}
{#<script src="{{ STATIC_URL }}web/Script/amazeui.upload.template.js"></script>#}
{#<script src="{{ STATIC_URL}}web/Script/demo.js"></script>#}
</html>
